<template>
  <div>
    <van-nav-bar
      class="navbar"
      title="预约成功"
      left-arrow
      @click-left="$router.go(-1)"
    />
    <van-row class="main">
      <van-col span="24" class="success_icon">
        <van-icon name="checked" size="40" color="#1074ff" />
      </van-col>
      <van-col span="24">预约成功</van-col>
      <van-col span="24" class="success_order"
        >您已预约成功，请您持本人身份证按时就诊</van-col
      >
    </van-row>
    <van-row class="btn">
      <router-link to="/testresults">
        <van-button type="primary" block>查看预约详情</van-button>
      </router-link>
      <router-link to="/home">
        <van-button type="primary" block>返回首页</van-button>
      </router-link>
    </van-row>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.van-nav-bar {
  background-color: #1074ff;

  /deep/ .van-nav-bar__title {
    color: #fff;
  }
  /deep/ .van-icon-arrow-left {
    color: #fff;
  }
}
.main {
  // border: 1px solid red;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
  .van-col {
    margin-top: 10px;
  }
  .success_icon {
    margin-top: 20px;
  }
  .success_order {
    font-size: 13px;
    color: #aaaaaa;
  }
}
.btn {
  width: 90%;
  margin: 0 auto;
  .van-button {
    margin-bottom: 10px;
    background-color: #1074ff;
    height: 35px;
  }
}
</style>